<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我要入驻</title>
		<style type="text/css">
			*{margin: 0;height: 0;}
			html,body{width: 100%;height: 100%;}
			.daohan{width: 100%;height: 90px;background-color: white;position: fixed;top: 0px;}
			/* 头部导航 */
			.box{width: 1200px;height: 90px;margin: 0 auto;display: flex;flex-wrap: nowrap;
			justify-content: space-between;}
			.logo{width: 200px;height: 90px;background:url(header-logo-black-64a1f182be.png) no-repeat center;background-size:195px 60px;}
			.xuanxiang{width: 700px;height: 90px;}
			.xuanxiang ul{display: flex;}
			.xuanxiang ul li:first-child{width: 40px;height: 80px;}
			.xuanxiang ul li:last-child{width: 100px;height: 80px;}
			.xuanxiang ul li {width:80px;height: 80px;list-style: none;font-size: 18px;line-height: 90px;margin-left: 55px;}
			.xuanxiang ul li a{text-decoration: none;color: black;display: block;}
			.xuanxiang ul li:nth-child(2){font-weight: 600;border-bottom:3px solid #FF8C00 ;}
			.xuanxiang ul li:hover{border-bottom:3px solid #FF8C00 ;font-weight: 600;}
			/* 合作赋能 */	
			.toubu{width: 100%;height: 420px;background:url(toububeijing.png) no-repeat center;background-size:cover;
			margin: 10px auto;}
			.neirong{width:1200px;height: 1300px;margin: 0 auto;display: flex;flex-wrap:wrap ;margin-top: 100px;
			justify-content: space-between;align-content: space-between;}
			.item{width: 580px;height: 630px;text-align: center;line-height: 90px;box-shadow: 0px 0px 5px rgba(51,51,51,.1);}
			.item img{width: 580px;height: 400px;}
			.item a{text-decoration: none;color: #000000;font-size: 50px;}
			.item p{font-size: 22px;color: #A9A9A9;line-height: 30px;}
			.item:hover{border: 3px solid #FF8C00;cursor: pointer;}
			.shichang{width: 1200px;height: 600px;margin: 40px auto;text-align: center;line-height: 90px;box-shadow: 0px 0px 5px rgba(51,51,51,.1);}
			.shichang img{width: 1200px;height:400px;}
			.shichang a{text-decoration: none;color: #000000;font-size: 50px;}
			.shichang p{font-size: 22px;color: #A9A9A9;line-height: 30px;}
			.shichang:hover{border: 3px solid #FF8C00;cursor: pointer;}
			
			
			.weibu{width: 100%;height: 300px;background-color: rgba(51,51,51,1);
			border-bottom: 1px solid darkgray;position: relative;}
			.zuo{width: 250px;height: 200px;position: absolute;top: 60px;
			left: 250px;line-height: 50px;}
			.zuo ul{list-style: none;}
			.zuo ul li{margin-bottom: 40px;}
			.zuo ul li a{text-decoration: none;color: darkgray;margin: 0 20px;}
			.zuo ul li a:hover{color: white;}
			.you{width: 600px;height: 230px;background: url(diweibeijing.png) no-repeat center;
			background-size: cover;position: absolute;top: 50px;right: 200px;}
			.xia{width: 100%;height: 100px;background: url(543ade08582cf5245e85a41e3ed73d0.png)
			no-repeat center;background-size: auto;background-color: rgba(51,51,51,1);}
		</style>
	</head>
	<body>
		<div class="daohan">
			<div class="box">
				<div class="logo"></div>
				<div class="xuanxiang">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">入驻加盟</a></li>
						<li><a href="#">开放平台</a></li>
						<li><a href="#">社会责任</li>
						<li><a href="#">下载手机版</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="toubu"></div>
		<div class="neirong">
			<div class="item"><img src="cai1.png" >
			<a href="#">外卖商家入驻</a>
			<p>平台优势，成交量有保证</p>
			</div>
			<div class="item"><img src="cai2.png" >
			<a href="#">零售商家入驻</a>
			<p>超市便利店、生鲜蔬果、药品鲜花招商</p>
			</div>
			<div class="item"><img src="cai3.png" >
			<a href="#">美团配送</a>
			<p>做美团骑手，当配送加盟商<br>加入美团实时配送网络，高收入高回报</p>
			</div>
			<div class="item"><img src="cai4.png" >
			<a href="#">城市代理</a>
			<p>开放外卖商家合作洽谈、订单配送等业务<br>帮助商家入驻美团外卖，三方合作，共享红利</p>
			</div>
		</div>
		<div class="shichang">
			<img src="cai5.png" >
			<a href="#">美团服务市场</a>
			<p>为百万商家提供全品类优质服务，让生意更简单</p>
		</div>
		
		
		<div class="weibu">
			<div class="zuo">
				<ul>
					<li><a href="#">开放平台</a><a href="#">常见问题</a></li>
					<li><a href="#">媒体报道</a><a href="#">用户反馈</a></li>
					<li><a href="#">资质规则</a><a href="#">诚信举报</a></li>
					<li><a href="#">入驻加盟</a><a href="#">加入我们</a></li>
				</ul>
			</div>	
			<div class="you">
			</div>
		</div>
		<div class="xia"></div>
	</body>
</html>
